<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--    适配移动端-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--    网页图标-->
    <link rel="icon" href="images/title.ico">
    <!--    全局样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--    字体图标-->
    <link rel="stylesheet" href="css/iconfont.css">
    <!--    主体的样式-->
    <link rel="stylesheet" href="css/container.css">
    <!--    页脚的样式-->
    <link rel="stylesheet" href="css/footer.css">
    <!--    首页的样式-->
    <link rel="stylesheet" href="css/index.css">
    <title>桌台选择</title>
    <style>  
    .container {  
        display: flex;  
        justify-content: center; /* 水平居中 */  
        align-items: center; /* 垂直居中（如果容器有高度） */  
        height: 100vh; /* 假设你想要表单占据整个视口的高度 */  
    }  
    .form-wrapper {  
        text-align: left; /* 表单内容左对齐 */  
    }  
</style>  
<div class="nav">    
    <h1 class="title">桌台选择</h1>
</div>    
</head>
<body>
<%  
    // 检查是否是一个POST请求（即表单提交）  
    if ("POST".equalsIgnoreCase(request.getMethod())) {  
        try {  
            // 假设你已经有了JDBC驱动的连接字符串、用户名和密码  
            String jdbcUrl = "jdbc:mariadb://10.220.140.102:3366/studb11";  
            String user = "stua";  
            String password = "zHZUA65r";  
  
            // 加载JDBC驱动  
            Class.forName("org.mariadb.jdbc.Driver");  
  
            // 建立数据库连接  
            Connection conn = DriverManager.getConnection(jdbcUrl, user, password);  
  
            // 准备SQL语句（现在包含restaurant_id字段）  
            String sql = "INSERT INTO shoppingcar(dishid, price, table_id) VALUES (?, ?, ?)";  
  
            // 创建PreparedStatement  
            PreparedStatement pstmt = conn.prepareStatement(sql);  
            pstmt.setInt(1, Integer.parseInt(request.getParameter("dishid"))); // 假设restaurant_id是整数  
            pstmt.setInt(1, Integer.parseInt(request.getParameter("price")));
            pstmt.setInt(3, Integer.parseInt(request.getParameter("table_id"))); // 假设numberOfPeople是整数  
  
            // 执行SQL语句  
            int rowsAffected = pstmt.executeUpdate();  
  
            // 关闭资源  
            pstmt.close();  
            conn.close();  
  
            // 如果数据成功保存，重定向到order.jsp  
            if (rowsAffected > 0) {  
                response.sendRedirect("shoppingcar.jsp?table_id=" + request.getParameter("table_id")); // 重定向到order.jsp并传递桌台号  
                return; // 停止JSP的进一步执行  
            }  
        } catch (ClassNotFoundException | SQLException | NumberFormatException e) {  
            // 异常处理，这里只是简单地打印堆栈跟踪，实际中应该更详细  
            e.printStackTrace();  
            // 可以考虑将错误信息显示给用户  
        }  
    }  
%>  
  
<div class="container">  
    <div class="form-wrapper">  
        <form action="table.jsp" method="post">  
            <!-- 表单内容 -->  
            
            <label for="dishid">餐品id:</label>  
            <input type="text" id="dishid" name="dishid" min="1" required>  
             <br><label for="price">价格：</label>  
            <input type="text" id="price" name="price" min="1" required>  
            <br><label for="table_id">桌台号:</label>  
            <input type="text" id="table_id" name="table_id" required>  
            <a href="shoppingcar.jsp">提交</a>
        </form>  
    </div>  
</div>
</body>
</html>

